<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>房屋管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>

    <!-- 分页组件开始 -->
    <script type="text/javascript" src="../plugins/angularjs/pagination.js"></script>
    <link type="text/javascript" rel="stylesheet" href="../plugins/angularjs/pagination.css">
    <!-- 分页组件结束 -->

    <script type="text/javascript" src="../js/base_Paging.js"></script>
    <script type="text/javascript" src="../js/controller/baseController.js"></script>
    <script type="text/javascript" src="../js/controller/houseController.js"></script>
    <script type="text/javascript" src="../js/controller/addHouseController.js"></script>
    <script type="text/javascript" src="../js/service/houseService.js"></script>
    <script type="text/javascript" src="../js/service/addHouseService.js"></script>


    <!-- 引入select2的相关的css和js -->
    <link rel="stylesheet" href="../plugins/select2/select2.css"/>
    <link rel="stylesheet" href="../plugins/select2/select2-bootstrap.css"/>
    <script src="../plugins/select2/select2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/angular-select2.js"></script>

</head>

<body class="hold-transition skin-red sidebar-mini" ng-app="yunding" ng-controller="houseController" ng-init="selectHouseList()">
<!-- .box-body -->

<div class="box-header with-border">
    <h3 class="box-title">房屋管理</h3>
</div>

<div class="box-body">
    <!--工具栏-->
    <div class="pull-left">
        <div class="form-group form-inline">
            <div class="btn-group">
                <a href="addHouse.html"  class="btn btn-default">新建</a>
                <button type="button" class="btn btn-default" title="删除" ng-click="delete()"><i class="fa fa-trash-o"></i> 删除</button>
                <button type="button" class="btn btn-default" title="开启" onclick='confirm("你确认要开启吗？")'><i
                        class="fa fa-check"></i> 开启
                </button>
                <button type="button" class="btn btn-default" title="屏蔽" onclick='confirm("你确认要屏蔽吗？")'><i
                        class="fa fa-ban"></i> 屏蔽
                </button>
                <button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i
                        class="fa fa-refresh"></i> 刷新
                </button>
            </div>
        </div>
    </div>

    <!-- 数据表格 -->
    <div class="table-box">


        <div class="box-tools pull-right">
            <div class="has-feedback">
                城市名称：<select select2 ng-model="searchEntity.cityname" placeholder="请选择城市" style="width: 110px">
                <option value="{{ item.text }}" ng-repeat="item in cityList">{{ item.text }}</option>
            </select>
                房产名称： <select select2 ng-model="searchEntity.name" placeholder="请选择公司" style="width: 200px">
                <option value="{{ item.text }}" ng-repeat="item in companyList">{{ item.text }}</option>
            </select>
                小区名称：<select select2 ng-model="searchEntity.communityname" placeholder="请选择小区" style="width: 220px">
                <option value="{{ item.text }}" ng-repeat="item in communitynameList">{{ item.text }}</option>
            </select>
                面积： <select select2 ng-model="searchEntity.area" placeholder="请选择面积" style="width: 130px">
                <option value="{{ item.text }}" ng-repeat="item in AreaList">{{ item.text }}平米</option>
            </select>
                厅室： <select select2 ng-model="searchEntity.beds" placeholder="卧室数量" style="width: 90px">
                    <option value="{{ item.text }}" ng-repeat="item in bedsList">{{ item.text }}室</option>
                </select>
                <button class="btn btn-default"  ng-click="reloadList()">查询</button>
            </div>
        </div>
        <div class="box-tools pull-right">
            <div class="has-feedback">

            </div>
        </div>
        <!--工具栏/-->

        <!--数据列表-->
        <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
            <thead>
            <tr>
                <th class="" style="padding-right:0px">
                    <input id="selall" type="checkbox" class="icheckbox_square-blue">
                </th>
                <th class="sorting_asc">地产公司</th>
                <th class="sorting">地址</th>
                <th class="sorting">厅室</th>
                <th class="sorting">图片</th>
<!--                <th class="sorting">简介</th>-->
                <th class="sorting">面积</th>
                <th class="sorting">状态</th>
                <!--                <th class="sorting">是否有效</th>-->
                <th class="text-center">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="entity in list">
                <td><input ng-click="updateSelected($event,entity.id)" type="checkbox"></td>
                <td>{{entity.name}}</td>
                <td>{{entity.address}}</td>
                <td>{{entity.beds}}</td>
                <td>
                    <img alt=""
                         src="{{entity.image}}"
                         width="100px" height="50px">
                </td>
<!--                <td class="form-control" >{{entity.remarks}}</td>-->
                <!--                <td>1</td>-->
                <td>{{entity.area}}</td>
                <td>{{entity.status}}</td>
                <td class="text-center">
<!--                    <a   data-toggle="modal" data-target="#editModal" href="addHouse.html">修改-->
<!--                    </a>-->
                    <a href="addHouse.html#?id={{entity.id}}"  class="btn bg-olive btn-xs">修改</a>
                    <a href="showHouse.html#?id={{entity.id}}"  class="btn bg-olive btn-xs">查看</a>
                </td>
            </tr>
            </tbody>
        </table>
        <!--数据列表/-->
    </div>
    <!-- 数据表格 /-->
    <!-- 分页 -->
    <tm-pagination conf="paginationConf"></tm-pagination>
</div>

<!-- /.box-body -->

</body>

</html>